
.banner1{
     background: url("img/banner.jpg");
    background-size: cover;
 }
.banner2{
    background: url("img/banner2.jpg");
    background-size: cover;
}
.banner3{
    background: url("img/banner3.jpg");
    background-size: cover;
}
.banner{
    height: 500px;
}
@media (max-width: 500px){
    .banner{
        height: 230px;
    }
}
.card .card-text{
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
footer {
    background-color: #eee;
    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 14px;
}
body{
    background: url("img/banner4.jpg");
}